body{padding-top: 1.2rem;}

.order-header{height:0.88rem;border-bottom: 1px solid #dcdcdc;width: 100%;background: #fff;position: fixed;left: 0;top: 0;z-index: 999;}
.order-header div{width: 25%;float: left;box-sizing: border-box;padding: 0 0.3rem;line-height:0.88rem;text-align: center;}
.order-header span{display: block;height:0.88rem;box-sizing: border-box;}
.order-header .active span{color:#47bafe ;border-bottom: 2px solid #47bafe;}

.order-noData{text-align: center;padding-top: 1rem;display: none;}
.order-noData img{width: 70%;}
.order-noData p{margin-top: 0.6rem;color: #999;font-size: 0.28rem;}
.order-noData button{width: 70%;margin-top: 1.1rem;height: 0.8rem;font-size: 0.3rem;border-radius: 0.4rem;color:#fff;background: #47bafe;border-color: #47bafe;}

.order-list{overflow: hidden;}
.order-list ul{overflow: hidden;}
.order-list ul li{margin-bottom:0.24rem;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background: #fff;overflow: hidden;}

.orderTitle{margin:0 0.3rem;line-height: 0.8rem;font-size: 0.28rem;border-bottom: 1px solid #dcdcdc;}
.orderTitle span{float: right;font-size: 0.24rem;}
.orderTime{line-height: 0.8rem;padding:0 0.3rem;}
.orderContent{background:#f5f5f5;padding: 0.3rem;overflow: hidden;}
.orderOperation{padding:0.3rem;overflow: hidden;}
.orderOperation span{float: right;}
.orderOperation button{height: 0.5rem;width: 1.4rem;color: #f09523;border-color: #f09523;font-size: 0.24rem;padding: 0;float: left;margin-left: 0.2rem;}
.orderOperation font{line-height: 0.5rem;}
.orderOperation font i{font-style:normal ;margin-left: 0.2rem;}
.orderOperation font em{font-style:normal ;}

.orderPicture{float:left;max-width:5.4rem;height:1.2rem;overflow: hidden;}
.orderPicture div{width:1.6rem;height:1.2rem;float:left;background: #fff;margin-right: 0.2rem;position: relative;}
.orderPicture div img{width:80%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.orderMore{float:left;line-height:1.2rem;font-weight: bold;color: #47bafe ;}
